@charset "utf-8";
html {
	margin:0;
	padding:0;
	border:0;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	font-size:14px;
	color:#333;
	background:#fff;
	font-family:"Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
img {
	border:0;
	vertical-align:bottom;
}
::-webkit-input-placeholder {
color:#999;
}
:-moz-placeholder {
color:#999;
}
::-moz-placeholder {
color:#999;
}
:-ms-input-placeholder {
color:#ccc;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
textarea {
	overflow:auto;
}
input:focus, textarea:focus, button:focus, select:focus {
	outline:none;
}
input::-ms-clear {
display:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block;
}
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline;
}
audio:not([controls]) {
display:none;
height:0;
}
[hidden], template {
display:none;
}
a {
	background:transparent;
}
a:active, a:hover {
	outline:0;
}
a:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
abbr[title] {
	border-bottom:1px dotted;
}
b, strong {
	font-weight:bold;
}
dfn {
	font-style:italic;
}
mark {
	color:#000;
	background:#ff0;
}
small {
	font-size:80%;
}
sub, sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}
sup {
	top:-.5em;
}
sub {
	bottom:-.25em;
}
svg:not(:root) {
overflow:hidden;
}
figure {
	margin:1em 40px;
}
hr {
	height:0;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
pre {
	overflow:auto;
}
code, kbd, pre, samp {
	font-family:monospace, monospace;
	font-size:1em;
}
button, input, optgroup, select, textarea {
	margin:0;
	font:inherit;
}
button {
	overflow:visible;
}
button, select {
	text-transform:none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
button[disabled], html input[disabled] {
	cursor:default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
input {
	line-height:normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto;
}
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
fieldset {
	padding:.35em .625em .75em;
	margin:0 2px;
	border:1px solid #c0c0c0;
}
legend {
	padding:0;
	border:0;
}
optgroup {
	font-weight:bold;
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
td, th {
	padding:0;
}
.button {
	border:solid 1px #ddd;
	background:transparent;
	border-radius:4px;
	font-size:14px;
	padding:6px 15px;
	margin:0;
	display:inline-block;
	line-height:20px;
	transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.button[disabled] {
	pointer-events:none;
	cursor:not-allowed;
	webkit-box-shadow:none;
	box-shadow:none;
	filter:alpha(opacity=50);
	opacity:.5;
}
.button:active {
	background-image:none;
	outline:0;
	transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.button:hover {
	transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.button-block {
	display:block;
	width:100%;
}
.button-large {
	padding:15px 20px;
	font-size:24px;
	line-height:24px;
}
.button-big {
	padding:10px 15px;
	font-size:18px;
	line-height:22px;
}
.button-small {
	padding:5px 10px;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
.button-little {
	padding:3px 5px;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}
.button.bg-main, .button.bg-sub, .button.bg-dot, .button.bg-black, .button.bg-gray, .button.bg-red, .button.bg-yellow, .button.bg-blue, .button.bg-green {
	color:#fff;
}
.layout {
	width:100%;
}
.container, .container-layout {
	margin:0 auto;
	padding:0 10px;
}
@media (min-width:760px) {
.container {
width:760px;
}
}
@media (min-width:1000px) {
.container {
width:1000px;
}
}
@media (min-width:1200px) {
.container {
width:1200px;
}
}
.line {
	margin:0;
	padding:0;
}

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
	position:relative;
	min-height:1px;
}
.line-big {
	margin-left:-10px;
	margin-right:-10px;
}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
}
.line-middle {
	margin-left:-5px;
	margin-right:-5px;
}
.line-middle .x1, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .x10, .line-middle .x11, .line-middle .x12, .line-middle .xl1, .line-middle .xl2, .line-middle .xl3, .line-middle .xl4, .line-middle .xl5, .line-middle .xl6, .line-middle .xl7, .line-middle .xl8, .line-middle .xl9, .line-middle .xl10, .line-middle .xl11, .line-middle .xl12, .line-middle .xs1, .line-middle .xs2, .line-middle .xs3, .line-middle .xs4, .line-middle .xs5, .line-middle .xs6, .line-middle .xs7, .line-middle .xs8, .line-middle .xs9, .line-middle .xs10, .line-middle .xs11, .line-middle .xs12, .line-middle .xm1, .line-middle .xm2, .line-middle .xm3, .line-middle .xm4, .line-middle .xm5, .line-middle .xm6, .line-middle .xm7, .line-middle .xm8, .line-middle .xm9, .line-middle .xm10, .line-middle .xm11, .line-middle .xm12, .line-middle .xb1, .line-middle .xb2, .line-middle .xb3, .line-middle .xb4, .line-middle .xb5, .line-middle .xb6, .line-middle .xb7, .line-middle .xb8, .line-middle .xb9, .line-middle .xb10, .line-middle .xb11, .line-middle .xb12 {
	position:relative;
	min-height:1px;
	padding-right:5px;
	padding-left:5px;
}
.line-small {
	margin-left:-2px;
	margin-right:-2px;
}
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12, .line-small .xl1, .line-small .xl2, .line-small .xl3, .line-small .xl4, .line-small .xl5, .line-small .xl6, .line-small .xl7, .line-small .xl8, .line-small .xl9, .line-small .xl10, .line-small .xl11, .line-small .xl12, .line-small .xs1, .line-small .xs2, .line-small .xs3, .line-small .xs4, .line-small .xs5, .line-small .xs6, .line-small .xs7, .line-small .xs8, .line-small .xs9, .line-small .xs10, .line-small .xs11, .line-small .xs12, .line-small .xm1, .line-small .xm2, .line-small .xm3, .line-small .xm4, .line-small .xm5, .line-small .xm6, .line-small .xm7, .line-small .xm8, .line-small .xm9, .line-small .xm10, .line-small .xm11, .line-small .xm12, .line-small .xb1, .line-small .xb2, .line-small .xb3, .line-small .xb4, .line-small .xb5, .line-small .xb6, .line-small .xb7, .line-small .xb8, .line-small .xb9, .line-small .xb10, .line-small .xb11, .line-small .xb12 {
	position:relative;
	min-height:1px;
	padding-right:2px;
	padding-left:2px;
}
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 {
	float:left;
}
.x1 {
	width:8.33333333%;
}
.x2 {
	width:16.66666667%;
}
.x3 {
	width:25%;
}
.x4 {
	width:33.33333333%;
}
.x5 {
	width:41.66666667%;
}
.x6 {
	width:50%;
}
.x7 {
	width:58.33333333%;
}
.x8 {
	width:66.66666667%;
}
.x9 {
	width:75%;
}
.x10 {
	width:83.33333333%;
}
.x11 {
	width:91.66666667%;
}
.x12 {
	width:100%;
}
.x0-left {
	left:0;
}
.x1-left {
	left:8.33333333%;
}
.x2-left {
	left:16.66666667%;
}
.x3-left {
	left:25%;
}
.x4-left {
	left:33.33333333%;
}
.x5-left {
	left:41.66666667%;
}
.x6-left {
	left:50%;
}
.x7-left {
	left:58.33333333%;
}
.x8-left {
	left:66.66666667%;
}
.x9-left {
	left:75%;
}
.x10-left {
	left:83.33333333%;
}
.x11-left {
	left:91.66666667%;
}
.x12-left {
	left:100%;
}
.x0-right {
	right:0;
}
.x1-right {
	right:8.33333333%;
}
.x2-right {
	right:16.66666667%;
}
.x3-right {
	right:25%;
}
.x4-right {
	right:33.33333333%;
}
.x5-right {
	right:41.66666667%;
}
.x6-right {
	right:50%;
}
.x7-right {
	right:58.33333333%;
}
.x8-right {
	right:66.66666667%;
}
.x9-right {
	right:75%;
}
.x10-right {
	right:83.33333333%;
}
.x11-right {
	right:91.66666667%;
}
.x12-right {
	right:100%;
}
.x0-move {
	margin-left:0;
}
.x1-move {
	margin-left:8.33333333%;
}
.x2-move {
	margin-left:16.66666667%;
}
.x3-move {
	margin-left:25%;
}
.x4-move {
	margin-left:33.33333333%;
}
.x5-move {
	margin-left:41.66666667%;
}
.x6-move {
	margin-left:50%;
}
.x7-move {
	margin-left:58.33333333%;
}
.x8-move {
	margin-left:66.66666667%;
}
.x9-move {
	margin-left:75%;
}
.x10-move {
	margin-left:83.33333333%;
}
.x11-move {
	margin-left:91.66666667%;
}
.x12-move {
	margin-left:100%;
}
